<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>管理员后台</title>

</head>
<body>
<h1>管理员后台</h1>
<p>
    管理员账号：<input type="text" id="useraccount" name="account" placeholder="输入账号"/>
</p>
<p>
    管理员密码：<input type="password" id="userpwd" name="password" placeholder="输入密码"/>
</p>
<p>
    <input type="button" id="login" value="登录"/>
</p>
<script src="js/jquery-1.10.2.min.js"></script>
<script type="text/javascript" >
    <!--js代码，使用jquery的ajax发送请求-->

    //1.监听用户的点击事件
    var btn = document.getElementById("login");
    console.log(btn);
    btn.onclick = function (){
        //2.使用dom对象获取到输入的内容
        var account = document.getElementById("useraccount").value;
        var password = document.getElementById("userpwd").value;

        //3.构建一个网络请求
        var config={
            method:"GET",
            url:"/EduJava2401_war_exploded/manager?method=login&account="+account+"&password="+password,
            dataType:"json",
            async: true,
            success:function (response) {
                //网络请求成功后，回调该处代码
                console.log(response);
                //根据状态码怕段，并处理跳转逻辑
                if(response.code===1001){
                    //跳转
                    window.location="index.html";
                }else if(response.code===1002){
                    //失败
                    alert(response.msg);
                }
            },
        };
        $.ajax(config);
    }
</script>
</body>
</html>